import createMuiTheme from "@material-ui/core/styles/createMuiTheme";

const primaryMain = '#2955d9';
const secondaryMain = '#29b6f6';
const primaryText = '#474749';
const secondaryText = '#727177';


export const themeWebsite =  createMuiTheme({
  palette: {
    primary: {
      main: primaryMain
    },
    secondary: {
      main: secondaryMain
    },
    background: {
      secondary: '#ebebeb',
    },
    text: {
      primary: primaryText,
      secondary: secondaryText,
    }
  },
  typography: {
  },
  overrides: {
    MuiTypography: {
      h4: {
        color: primaryMain
      },
      h5: {
        color: secondaryMain
      },
      subtitle2:{
        color:'#727177',
      },
      body1:{
        marginBottom: '1rem'
      }
    }
  }
});